/* You can add global styles to this file, and also import other style files */
.ngx-split {
  &.row-split {
    > .ngx-split-handle .ngx-split-button {
      top: 50%;
      left: 50%;
      cursor: col-resize;
      transform: translate(-50%, -50%);
    }
  }

  &.column-split {
    > .ngx-split-handle .ngx-split-button {
      left: 50%;
      cursor: row-resize;
      top: -3px;
      transform: translateX(-50%) rotate(270deg);
    }
  }

  .ngx-split-area {
    overflow: auto;
  }

  .ngx-split-handle {
    position: relative;

    .ngx-split-button {
      line-height: 0;
      font-size: 32px;
      position: absolute;
      display: block;
      padding: 0;
    }
  }
}

.icon-split-handle::before {
  content: '\f1aa';
}
